<template>
  <div class="contact-bg flex flex-col items-center pt-10">
    <h2 class="text-white text-[40px]">专业团队，高效精准的选址服务</h2>
    <div class="text-white text-xl mb-5">提升80%效率</div>
    <div>
      <el-input
        v-model="phoneNumber"
        class="custom-input"
        placeholder="输入联系方式"
      ></el-input>
      <el-button class="submit-btn" type="warning">提交</el-button>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import { validatePhoneNumber } from '@/utils/validate'
export default Vue.extend({
  data() {
    return {
      phoneNumber: '',
    }
  },
  methods: {
    submit() {
      validatePhoneNumber(this.phoneNumber)
    },
  },
})
</script>
<style lang="scss" scoped>
.contact-bg {
  background: #006eff;
  height: 263px;
}
.custom-input {
  height: 55px;
  width: 358px;
}
.submit-btn {
  width: 150px;
  height: 55px;
  background: #ffa800;
  border-radius: 6px;
}
</style>
<style lang="scss">
.custom-input {
  .el-input__inner {
    height: 53px;
  }
}
</style>
